<template>
  <div class="diff-stats">
    <a-tag color="green">新增: {{ stats.additions }}</a-tag>
    <a-tag color="red">删除: {{ stats.deletions }}</a-tag>
    <a-tag color="blue">修改: {{ stats.changes }}</a-tag>
  </div>
</template>

<script lang="ts" setup>
interface DiffStats {
  additions: number
  deletions: number
  changes: number
}

interface Props {
  stats: DiffStats
}

defineProps<Props>()
</script>

<style scoped>
.diff-stats {
  display: flex;
  gap: 12px;
}
</style>
